@charset "utf-8";

#slide-container {
  text-align:center;
  margin:0px;
}
#slide-container #slideshow {
  width:598px;
  height:301px;
  margin:-341px 0 0 24px;
  position:relative;
  z-index:1;
}
#slide-container #slideshow {
  position:relative;
  top:0px;
  left:-40px;
}
#s3slider {
    width: 598px; /* important to be same as image width */
    height: 311px; /* important to be same as image height */
    position: relative; /* important */
    overflow: hidden; /* important */
}
#s3sliderContent {
    width: 598px; /* important to be same as image width or wider */
    position: absolute; /* important */
    top: 0; /* important */
    margin-left: 0; /* important */
}
.s3sliderImage {
    float: left; /* important */
    position: relative; /* important */
    display: none; /* important */
}
.s3sliderImage span {
  /*visibility:hidden; */
}
.s3sliderImage span {
  position: absolute; /* important */
  left: 0;
  font: 12px/15px Arial, Helvetica, sans-serif;
  padding: 10px 13px;
  width: 598px;
  background-color: beige;
  filter: alpha(opacity=70); /* here you can set the opacity of box with text */
  -moz-opacity: 0.7; /* here you can set the opacity of box with text */
  -khtml-opacity: 0.7; /* here you can set the opacity of box with text */
  opacity: 0.7; /* here you can set the opacity of box with text */
  display: none; /* important */
  bottom: 29px;

  /*
    if you put
    top: 0; -> the box with text will be shown at the top of the image
    if you put
    bottom: 0; -> the box with text will be shown at the bottom of the image
  */
}
.s3sliderImage span p{
  padding-right: 70px;
  color: black;
}
.clear {
    clear: both;
}
  li.s3sliderImage{
    list-style:none;
}
